import { useState } from 'react'

export default function MultiHookState() {
  const [count, setCount] = useState(0)
  const [age, setAge] = useState(18)
  const [friends, setFriends] = useState(['tom', 'alen', 'haha'])
  return (
    <div>
      <h2>当前计数:{count}</h2>
      <h2>我的年龄:{age}</h2>
      {friends.map((item, index) => {
        return <li key={item}>{item}</li>
      })}
    </div>
  )
}
